<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text=" '全部课程 - ' + ${infoMap['title']}"></title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <div data-th-replace="layout/common-hade-one"></div>
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li class="active">全部课程</li>
        </ol>
        <!--分类检索 开始a-->
        <input type="hidden" id="subjectId" value=""/>
        <input type="hidden" id="courseName" th:value="${courseName}"/>
        <div class="cm-sort__wrap">
            <!-- 专业，开始 -->
            <section class="cm-sort">
                <div class="media">
                    <div class="media-left">
                       <aside class="sort-title mt5"><span class="c-666 fs16">专业：</span></aside>
                    </div>
                    <div class="media-body pr">
                        <ul class="clearfix cm-filter-item-list" id="subject-list-parent">
                        </ul>
                        <aside class="sMoreBtn">
                            <span class="fs16 c-999"><i class="fa fa-chevron-down" title="更多"></i></span>
                        </aside>
                    </div>
                </div>
            </section>
            <!-- 专业，结束 -->
            <!-- 科目，开始 -->
            <section class="cm-sort hide" id="child-subject-list">
                <div class="media">
                    <div class="media-left">
                       <aside class="sort-title mt5"><span class="c-666 fs16">科目：</span></aside>
                    </div>
                    <div class="media-body pr">
                        <ul class="clearfix cm-filter-item-list">
                        </ul>
                        <aside class="sMoreBtn">
                            <span class="fs16 c-999"><i class="fa fa-chevron-down" title="更多"></i></span>
                        </aside>
                    </div>
                </div>
            </section>
            <!-- 科目，结束 -->

            <!-- 课程类型，开始 -->
            <section class="cm-sort">
                <div class="media">
                    <div class="media-left">
                       <aside class="sort-title mt5"><span class="c-666 fs16">类型：</span></aside>
                    </div>
                    <div class="media-body pr">
                        <ul class="clearfix cm-filter-item-list" id="course-type">
                            <li data-type="" th:classappend="${#strings.isEmpty(courseTypeKey)}?'active':''" class="cm-filter-item">全部</li>
                            <th:block th:each="courseType : ${courseTypeList}">
                                <th:block th:if="${courseType.key} !='LIVE' and ${courseType.key}!='SMALL'">
                                    <li th:attrprepend="data-type=${courseType.key}" th:classappend="${courseTypeKey}==${courseType.key}?'active':''"  class="cm-filter-item" th:text="${courseType.value}"></li>
                                </th:block>
                            </th:block>
                        </ul>
                        <aside class="sMoreBtn">
                            <span class="fs16 c-999"><i class="fa fa-chevron-down" title="更多"></i></span>
                        </aside>
                    </div>
                </div>
            </section>
            <!-- 课程类型，结束 -->

            <!-- 讲师，开始 -->
            <section class="cm-sort">
                <div class="media">
                    <div class="media-left">
                        <aside class="sort-title mt5"><span class="c-666 fs16">讲师：</span></aside>
                    </div>
                    <div class="media-body pr">
                        <ul id="teacher-list" class="clearfix cm-filter-item-list">
                            <li class="cm-filter-item active" data-id="">全部</li>
                        </ul>
                        <aside class="sMoreBtn">
                            <span class="fs16 c-999"><i class="fa fa-chevron-down" title="更多"></i></span>
                        </aside>
                    </div>
                </div>
            </section>
            <!-- 讲师，结束 -->

            <section class="cm-sort">
                <div class="media">
                    <div class="media-left">
                       <aside class="sort-title mt5"><span class="c-666 fs16">年份：</span></aside>
                    </div>
                    <div class="media-body pr">
                        <ul id="year-list" class="clearfix cm-filter-item-list">
                            <li data-year="" class="cm-filter-item active">全部</li>
                            <li th:each="ye : ${#numbers.sequence(2016,year)}" th:attrappend="data-year=${ye}" th:text="${ye}" class="cm-filter-item"></li>
                        </ul>
                        <aside class="sMoreBtn">
                            <span class="fs16 c-999"><i class="fa fa-chevron-down" title="更多"></i></span>
                        </aside>
                    </div>
                </div>
            </section>
        </div>
        <!--分类检索 结束-->
    </div>

    <div class="cm-bg-fb mt20 pt10">
        <div class="container">
            <div class="pt10">
                <div class="clearfix">
                    <aside class="pull-right">
                        <span class="c-999">共<small class="c-info" id="course-sum-box">0</small>个结果</span>
                    </aside>
                    <aside class="pull-left" id="order-by-list">
                        <input type="hidden" id="order" name="order" value="0"/>
                        <span class="ml20 c-333 order-by-box" style="cursor:pointer;" data-order="1"><i class="fa fa-clock-o"></i> 更新时间</span>
                        <span class="ml20 c-333 order-by-box" style="cursor:pointer;" data-order="3"><i class="fa fa-paperclip"></i> 价格</span>
                    </aside>
                </div>
            </div>
            <!--课程列表 开始-->
            <div class="all-course__wrap mt20 pt10"  id="course-list-context">

            </div>
            <!--课程列表 结束-->
        </div>
    </div>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/web/business/course/cou/course-list.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>